/*
 * @Description: 无收藏提示
 * @Author: kanglin
 * @Date: 2018-06-11 14:12:50
 * @Copyright: Created by Panxsoft.
 */

<style lang="less" scoped rel="stylesheet/less" type="text/less" >
    @import '~src/assets/css/common.less';
    .collection-empty{
        text-align: center;
        padding-top: 60*@rem-per-px;
        height: 590*@rem-per-px;
        background: #ffffff;
        .picture{
            width: 300*@rem-per-px;
            height: 300*@rem-per-px;
            background-repeat: no-repeat;
            margin: 0 auto;
            background-size: 100%;
            background-image: url('//gz.bcebos.com/v1/beauty-mirror/wx_system/collection/Graph_default page.png')
        }
        .desc{
            margin-top: 36*@rem-per-px;
            font-size:  36*@rem-per-px;
            color: #333333;
            font-weight: normal;
        }
        .tip{
            margin-top: 30*@rem-per-px;
            font-size:   30*@rem-per-px;
            color: #b2b2b2;
        }
    }
</style>

<template>
	<div class="collection-empty">
		<div class="picture"/>
		<h3 class="desc">
			{{ $t('collection.no_contents') }}
		</h3>
		<p class="tip">
			{{ $t('collection.empty_tips') }}
		</p>
	</div>
</template>

<script>
export default {
	name: 'CollectionEmpty',
	data() {
		return {};
	},
	methods: {},
};
</script>
